﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BackButtonHeader.aspx.cs" Inherits="Mobile.Web.Toolbar.BackButtonHeader" %>
<%@ Register TagPrefix="mob" Namespace="Mobile.WebControls" Assembly="AMF" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head> 
	<title>Back button in header example</title> 
	
	<meta name="viewport" content="width=device-width, initial-scale=1"> 

    <mob:MobileResourcesManager ID="MobileResourcesManager1" runat="server"/>
</head> 
<body>

    <mob:MobilePage ID="mbPage1" runat="server">
        <Header>
            <h1>Back button in header example</h1>
        </Header>
        <Content>
            <p>Click on the next button to see the page 2.</p>
            <p>
            <mob:LinkButton ID="LinkButton1" runat="server" Text="Next" Url="#mbPage2" DataTransition="Slide"/>
            </p>
        </Content>
        <Footer>
            <h1>Footer</h1>
        </Footer>
    </mob:MobilePage>

    <mob:MobilePage ID="mbPage2" runat="server">
        <Header>
            <mob:IconLinkButton ID="LinkButton1" runat="server" Text="Back" Url="#mbPage1" Icon="Back" DataDirection="Reverse" DataTransition="Slide"/>
            <h1>Page 2</h1>
        </Header>
        <Content>
            <p>Hello from the page 2</p>
            <p>Go back to the first with the previous button in header</p>
        </Content>
        <Footer>
            <h1>Footer</h1>
        </Footer>
    </mob:MobilePage>


</body>
</html>
